<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>order-finalOrder</title>
    
</head>
<body>
    <%= require('./common/header.htm')%>

<div id="Content">
    <div id="progressBar">

        <!-- 三个圆 -->
        <button>提交订单</button>
        <button>确认订单</button>
        <button>订单完成</button>
        <!-- 进度条 -->
        <div>
            <span></span>
        </div>
    </div>
    <div id="Catalog">
        <div id="orderStep3">

    <ul class="message">
        <li>Thank you, your order has been submitted.</li>
    </ul>

    <div id="BackLink">
        <a href="/view/catalog-main.html">Return to Main Menu</a>
    </div>


        <div id="Order"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('#progressBar div').css('background', 'linear-gradient(to right, green 50%, green 50%)');
    $('#progressBar>button:nth-child(1)').css('background', 'green');
    $('#progressBar>button:nth-child(2)').css('background', 'green');
    $('#progressBar>button:nth-child(3)').css('background', 'green');
</script>
<%= require('./common/footer.htm')%>

</body>
</html>